<%-- 
    Document   : login
    Created on : 26-feb-2013, 21:34:19
    Author     : DEMRR
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html>
<html>
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="description" content="Expand, contract, animate forms with jQuery wihtout leaving the page" />
        <meta name="keywords" content="expand, form, css3, jquery, animate, width, height, adapt, unobtrusive javascript"/>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>	
      	<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="css/style in.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="css/login.css" rel="stylesheet" type="text/css" media="screen"/>
		
<STYLE type="text/css">
 A:link {text-decoration:none;color:#000033;}
 A:visited {text-decoration:none;color:#ffcc33;} 
 A:active {text-decoration:none;color:#ff0000;} 
 A:hover {text-decoration:underline;color:#FFFFFF;} 
 </STYLE>
		
		
		
		<!--funcion limpiar los text-->
		<script>
 function limpia(elemento)
 {
 elemento.value = "";
 }

 function verifica(elemento)
 {
 if(elemento.value == "")
   elemento.value = "";
  }
 </script>
        
</head>
	
	
    <body>
	<div id="wrapper">
	  <div id="header">
        <div id="logo"> <img src="images/logo-sm-main.png"/> </div>
      </div>
	</div>
	<!-- end #header -->
	<div id="menu">
		<ul>
			<li><a href="index.jsp">Inicio</a></li>
			<li><a href="construccion.jsp">Historia</a></li>
			<li><a href="construccion.jsp">Ubicaciones</a></li>
			<li><a href="construccion.jsp">Productos</a></li>
			<li><a href="construccion.jsp">Boletin</a></li>
			<li><a href="contacto.jsp">Contacto</a></li>
			<li class="current_page_item"><a>Entrar</a></li>						
		</ul>
	</div>
	
	<div id="page">
			<div class="content">
				<div>
	
	
		
		<div id="button1"  align="center" style="margin-left:125px; margin-right:145px;">
			<img src="images/logo-sm-main.png" />
		</div>
		
		
		<div style="float:middle; margin-left:125px; margin-right:175px; margin-top:25px; margin-bottom:25px;">
        <form id="form1" name="form1" method="post" action="http://localhost:8080/appSanMartin/validarUs" >
          <table width="390" cellpadding="10" bgcolor="#CEDBDF">
            <tr>
              <td><label for="nombre">Nombre:&nbsp;&nbsp;</label></td>
              <td><input type="text" name="nombre" id="nombre" onClick="javascript: limpia(this);" /></td>
              <td><label for="apellido">Apellidos:&nbsp;&nbsp;</label></td>
              <td><input type="text" name="apell" id="apell" onClick="javascript: limpia(this);" /></td>
            </tr>
            <tr>
              <td><label for="pass">Contrase&ntilde;a:</label></td>
              <td><input type="password" name="pass" id="pass" onClick="javascript: limpia(this);"/></td>
              <td><label for="pass">Repetir Contrase&ntilde;a:</label></td>
              <td><input type="password2" name="pass2" id="pass2" onClick="javascript: limpia(this);"/></td>
            </tr>
            <tr>
              <td><label for="nick">Nickname:</label></td>
              <td><input type="text" name="nick" id="nick" onClick="javascript: limpia(this);" /></td>
              <td><label for="nick">Email:</label></td>
              <td><input type="text" name="email" id="email" value="ejemplo@sanmartin.com" onClick="javascript: limpia(this);" /></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td><input type="submit" name="btnok" id="btnok" value="Registrarme" /></td>
            </tr>
          </table>
        </form>
		</div>
		
		<div class="bottom" align="right" style="background-color:#999999; height:75px; margin-left:125px; margin-right:145px;">
		<a href="login.jsp"  rel="register">Inicio</a>		
		</div>
		
		
		
		
		</div>
	</div>
</div>
		
		
		
				
			
<div id="footer">
	<p>Copyright (c) 2013 San Mart&iacute;n, Todos los derechos reservados. Dise&ntilde;ado por ASI 2. Photos by <a href="http://fotogrph.com/">fotografias</a>.</p>
</div>
    </body>
</html>